::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-button,::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track,::-webkit-scrollbar-track:vertical{background-color:transparent}
::-webkit-scrollbar-track-piece{background-color:transparent}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:vertical{margin-right:8px;background-color:#97def6}
::-webkit-scrollbar-thumb{border-radius:8px;background-color:#97def6}
::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:vertical:hover{background-color:#00b8f5}
::-webkit-scrollbar-corner,::-webkit-scrollbar-corner:vertical{background-color:transparente}
::-webkit-scrollbar-resizer,::-webkit-scrollbar-resizer:vertical{background-color:transparent}
body,html{margin:0;padding:0;width:100%;min-width:940px;min-height:620px;max-height:100vh;position:relative;font-size:16px;overflow:hidden;font-family:Verdana,"Geneva CE",lucida,'Microsoft YaHei',sans-serif;background-image:url(../img/bg.png);background-repeat:no-repeat;background-position:top center;background-size:100% auto}
body {
  line-height: 1.6;
  color: #333;
  color: rgba(0,0,0,.85);
  font: 14px Verdana,"Geneva CE",lucida,'Microsoft YaHei',sans-serif;
}
.ckLine{width:100%;height:100vh}
.azbox{position:absolute;z-index:9;width:920px;height:600px;top:50%;left:50%;margin:-350px auto auto -460px;background-color:rgba(255,255,255,.2);border-radius:18px;box-shadow:0 0 15px 5px rgba(18,18,18,.2)}
.azbox-header{height:60px;position:relative;width:100%;color:#fff;background:#0546a8;background:linear-gradient(150deg,#178ee9,#0546a8 91%,#0985d2);border-top-left-radius:18px;border-top-right-radius:18px}
.azbox-header .logo{position:absolute;left:15px;top:6px;width:48px;height:48px;background-image:url(../img/logo.png);background-size:cover}
.azbox-header .title{position:absolute;left:50%;top:10px;width:400px;height:40px;margin-left:-200px;font-size:26px;text-align:center;font-weight:700}
.azbox-header .vertxt{position:absolute;right:15px;bottom:10px;text-align:right;width:150px;height:40px;line-height:20px;font-size:18px}
.azbox-header .vertxt span{display:block;font-size:12px}
.azbox-body{height:540px;position:relative;width:100%;background:#fff;border-bottom-left-radius:18px;border-bottom-right-radius:18px}
.content{top:10px;left:10px;position:absolute;width:900px;height:520px;overflow:hidden}
.az-foot{position:absolute;bottom:6px;left:0;text-align:center;height:50px;line-height: 50px; width:100%;z-index:8;background-color:#fff;border-radius: 20px;}
.az-zw50{height:50px;width:100%}
.layui-code-title{font-size:18px!important;font-weight:700}
.layui-code-about{color:red!important;font-size:16px!important}
.layui-code-view>.layui-code-ul li{line-height:30px;font-size:15px!important}
.layui-code-view{border-left-width:1px;border-radius:4px;margin-top:0!important}
.layui-code-view p{text-indent:2em}
.footer{width:100%;text-align:center;padding:15px 0 20px;color:#999;position:absolute;z-index:11;bottom:0;min-height:60px}
.footer a{color:#999;text-decoration:none}
.f11{font-size:11px!important}
.pb{font-weight:700;margin:10px 0}
.layui-tab-title .layui-badge{left:-3px!important}
.layui-tab-title li{cursor:default!important}
.layui-tab-content{padding:10px!important}
.txt-green{color:#00b800!important}
.txt-red{color:red!important}
.txt-yellow{color:#e38a16!important}
fieldset{border:1px #ededed solid;border-radius:4px}
.th01{width:22%}
.th02{width:32%}
.th03{width:14%}
.th04{width:32%}
.layui-form-item .layui-form-label{min-width:120px}
.layui-form-item .layui-input-block{padding-left:120px}
.layui-form-item .layui-input-inline{min-width:220px}
.fl-red{color:red}
.n-center{text-align:center}
.n-fih{margin:30px auto 20px auto;color:#e63d00;font-size:22px;font-weight:700;line-height:40px}
.form-body{padding: 10px;}
.layui-form-item {margin-bottom: 8px !important;}
.cont-body{padding: 15px;}
.instlog,.instlog li{list-style: none !important; padding-left: 0;}
.instlog li{font-size: 12px;}
.instlog li i{position: absolute; right: 100px;}
.instlog li i.i-time{color:#999;font-size: 10px;right: 5px;}


.stepbox{width:100%;height: 100%;position: relative;}
.step{counter-reset:flag;width:100%;padding:0;list-style:none;box-sizing:border-box;display:block;font-size:14px;line-height:1.4;color:#333;background-color:#fff;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
.step:before{display:table;content:" "}
.step:after{clear:both;box-sizing:border-box}
.step li{position:relative;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;display:table-cell;width:1%;float:none;text-align:-webkit-match-parent;box-sizing:border-box}
.step li a{cursor:default;padding:10px 15px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;margin-bottom:0;text-align:right;display:block;position:relative;text-decoration:none;box-sizing:border-box}
.step li a:before{content:counter(flag);counter-increment:flag;text-align:center;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}
.step li a:after{content:"";transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}
.step-arrow.unhover li a:focus,.step-arrow.unhover li a:hover{background-color:#00b8f5;color:#333}
.step-arrow.unhover li a:focus:before,.step-arrow.unhover li a:hover:before{background-color:#d2d2d2;color:#fff}
.step-arrow.unhover li:not(:last-child) a:focus:after,.step-arrow.unhover li:not(:last-child) a:hover:after{background-color:#00b8f5}
.step-arrow li{padding-right:20px}
.step-arrow li:last-child{padding-right:0}
.step-arrow li:nth-child(n+2) a{margin-left:-20px;border-radius:0}
.step-arrow li:not(:last-child) a:after{position:absolute;top:-1px;right:-20px;width:40px;height:40px;transform:scale(.707) rotate(45deg);z-index:1;background-color:#00b8f5;border-radius:0 5px 0 50px;border-top:1px solid #fff;border-right:1px solid #fff;box-sizing:content-box}
.step-arrow li:not(:last-child) a:hover:after{background-color:#ff6a00}
.step-arrow li a{border-radius:0;color:#fff;background-color:#00b8f5}
.step-arrow li a:hover{background-color:#ff6a00;color:#fff}
.step-arrow li a:hover:before{background:#fff;color:#ff6a00}
.step-arrow li a:before{position:absolute;z-index:2;width:20px;height:20px;line-height:20px;border-radius:4px;left:3rem;font-weight:bold;font-size:1rem;overflow:hidden;top:10px;background:rgba(38, 38, 38, 0.2);color:#fff}
.step-arrow li.active a:before{background:#fff;color:#ff6a00}
.step-arrow li.active a:after{background-color:#ff6a00}
.step-arrow li.active a,.step-arrow li.active a:hover{background-color:#ff6a00;color:#fff}
.step-arrow li.active a:before,.step-arrow li.active a:hover:before{background-color:#fff;color:#ff6a00}
.step-arrow li.active a:after,.step-arrow li.active a:hover:after{background-color:#ff6a00!important}

.step-content{position: relative;width: 100%;height: 480px;}
.step-hide{display: none !important;}
.step-show{display: block !important;}
.step-item{display: none;position: relative;}
.step-item-content{width:calc(100% - 2px);height:430px;overflow-y: auto;position: relative;border: 1px solid #ededed;}
.step-item-footer{height:50px;line-height: 50px; text-align:center;width:100%;}

.waitmm{color:#999;}